<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
         1 <style type="text/css">
 	.menup {
 		font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; background-color:#FFFFFF;
 		float:left;	
 		width:100%;
		border-bottom:2px solid #155523
 	}
 	.menup ul {
 		list-style:none;
 		margin:0px;
 		padding:5px 10px 0
 	}
 	.menup li {
 		display:inline
 	}	
 	.menup a {
		background:url(menup_dcha.gif) no-repeat right top;
 		float:left;
 		margin:0 1px 0 0;
 		padding:0px;
 		color:#127e29;
 		text-decoration:none
	}	
 	.menup a span {
 		background:url(menup_izda.gif) no-repeat left top;
		display:block;
 		padding:5px 15px
 	}
 	.menup a:hover {
 		background-position:100% -75px
 	}	
 	.menup a:hover span {
 		background-position:0% -75px;
 		color:#155523
 	}	
 	.menup li.current a {
 		background-position:100% -75px;
 		position:relative;
 		top:2px
 	}	
 	.menup li.current a span {
 		background-position:0% -75px;
 		color:#155523
 	}
 </style>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <div class="menup">
  <ul>
          <li><a href="#"><span>Menú número 1</span></a></li>
          <li class="current"><a href="#"><span>Menú activado</span></a></li>
          <li><a href="#"><span>Menú número 3</span></a></li>
  </ul>
  </div>
  <div style="clear:both"></div>
    </body>
</html>
